<template>
  <Box
    flexDirection="column"
    borderColor="whiteBright"
    bgColor="#42B883"
    :width="20"
    :height="8"
    :paddingX="1"
    borderStyle="double"
    justifyContent="center"
    alignItems="flex-start"
  >
    <Text color="#FF6AF0">&nbsp;_________</Text>
    <Text color="#FF6AF0"><Text color="#42B883">/</Text>\__\__\__\</Text>
    <Text color="#42B883">\/__/<Text color="#FF6AF0">\__\</Text>_/</Text>
    <Text>&nbsp;&nbsp;&nbsp;&nbsp;<Text color="#42B883">\/__/</Text></Text>
    <Box
      alignSelf="flex-end"
      flexDirection="column"
      justifyContent="flex-end"
      alignItems="flex-end"
      width="100%"
    >
      <Text>[V]ue</Text>
      <Text>[T]ermUI</Text>
    </Box>
  </Box>
</template>
